<template>
	<satri-page :padding="20">
		<satri-card label="基础用法">
			<satri-divider background-color="#ffffff">默认</satri-divider>
			<satri-divider color="#409EFF" background-color="#ffffff">不同颜色</satri-divider>
		</satri-card>

		<satri-card label="渐变颜色">
			<satri-divider :color="['#fff', '#F56C6C']" background-color="#ffffff"
				>渐变颜色</satri-divider
			>
		</satri-card>

		<satri-card label="线条宽度">
			<satri-divider width="50%" background-color="#ffffff">线条宽度</satri-divider>
		</satri-card>

		<satri-card label="自定义">
			<satri-divider background-color="#ffffff">
				<text class="satri-icon-favor"></text>
				<text>猜你喜欢</text>
			</satri-divider>
		</satri-card>
	</satri-page>
</template>
